<template>
    <div class="position-absolute w-100">
        <TopNav class="container TopNav ps-0 pe-0" :menuPram="data.menuPram"></TopNav>
    </div>
    <main>
        <!-- 二级路由 -->
        <RouterView/>
    </main>
    <Footer/>
</template>

<script setup lang="ts">
import { reactive } from "vue";
import { RouterView } from 'vue-router'
import TopNav from '@/components/Topnav.vue'
import Footer from '@/components/Footer.vue'

const data = reactive({
    menuPram: {
        isBetween:true,
        bgColor:'initial',
        borderBottom:'0',
        activeTextColor:'#60A600',

        menus: [
            {'menuName':'不良资产数字化', 'path':'', 'disabled':false,'menuchilds':[
                {'menuName':'资产标签与客户画像', 'path':'', 'disabled':false,'menuchilds':[
                    {'menuName':'资产标签化', 'path':'/bi_frontend/assetTagging', 'disabled':false, 'icon':"PriceTag"},
                    {'menuName':'客户画像化', 'path':'/bi_frontend/portrait/customer', 'disabled':false, 'icon':"User"},
                    {'menuName':'资产智能推荐', 'path':'/bi_frontend/portrait/customer', 'disabled':false, 'icon':"Filter"},
                ]},
                {'menuName':'线上尽调与估值', 'path':'', 'disabled':false,'menuchilds':[
                    {'menuName':'单户债权一键尽调', 'path':'/bi_frontend/addProject/upload', 'disabled':false, 'icon':"FullScreen"},
                    {'menuName':'资产包一键尽调', 'path':'/bi_frontend/addProject/upload', 'disabled':false, 'icon':"Grid"},
                    {'menuName':'远程线上尽调', 'path':'/bi_frontend/remoteDue', 'disabled':false, 'icon':"View"},
                    {'menuName':'资产估值', 'path':'/bi_frontend/houseEstimation', 'disabled':false, 'icon':"House"},                    
                ]},
                {'menuName':'交易数字化', 'path':'', 'disabled':false,'menuchilds':[
                    {'menuName':'数字化招商', 'path':'', 'disabled':false, 'icon':"DataBoard"},
                    {'menuName':'数字化挂牌', 'path':'', 'disabled':false, 'icon':"DataAnalysis"},
                    {'menuName':'网络竞拍', 'path':'', 'disabled':false, 'icon':"Trophy"},
                    {'menuName':'成交确认书区块链存证', 'path':'/bi_frontend/dealConfirmation', 'disabled':false, 'icon':"DocumentCopy"},
                ]},
                {'menuName':'重整重组', 'path':'', 'disabled':false,'menuchilds':[
                    {'menuName':'资产信息登记管理', 'path':'/bi_frontend/regroup', 'disabled':false, 'icon':"CircleCheck"},
                    {'menuName':'查档阅卷', 'path':'/bi_frontend/regroup', 'disabled':false, 'icon':"Memo"},
                    {'menuName':'账户管理 ( 银行/证券 )', 'path':'/bi_frontend/regroup', 'disabled':false, 'icon':"Money"},
                    {'menuName':'线上会议 ( 债权人/管理人/法官 )', 'path':'/bi_frontend/regroup', 'disabled':false, 'icon':"Avatar"},
                    {'menuName':'流程管理', 'path':'/bi_frontend/regroup', 'disabled':false, 'icon':"Operation"},
                    {'menuName':'股权监控', 'path':'/bi_frontend/regroup', 'disabled':false, 'icon':"VideoCamera"},
                    {'menuName':'债转股', 'path':'/bi_frontend/regroup', 'disabled':false, 'icon':"Switch"},
                ]},
                {'menuName':'个贷调解分发', 'path':'', 'disabled':false,'menuchilds':[
                    {'menuName':'案件分发', 'path':'/bi_frontend/personalLoand/dstribute', 'disabled':false, 'icon':"Promotion"},
                    {'menuName':'电子合同', 'path':'', 'disabled':false, 'icon':"Stamp"},
                    {'menuName':'进度管理', 'path':'', 'disabled':false, 'icon':"Odometer"},
                    {'menuName':'回款对账', 'path':'', 'disabled':false, 'icon':"DocumentCopy"},
                ]},
            ]},
            {'menuName':'生态架构', 'path':'/bi_frontend/sysInfo', 'disabled':false,'menuchilds':[]},            
            {'menuName':'控制台', 'path':'/bi_frontend/home', 'disabled':false,'menuchilds':[]},
        ],
    }
})

</script>

<style scoped>
    .TopNav {
        width: 100%;
        z-index: 100;
        padding-top: 20px;
    }
</style>